/* Import other css */
@import url('reset.css');
@import url('comments.css');
@import url('elements.css');



/*page-verNotificaciones------------------------------------------------*/

#page-verNotificaciones{

    width: 100%;
    height: auto;
    padding-left: 3%;

}

#main2{

    width: 97%;
    height: 97%;
    padding-left: 3%;

}
textarea {
    resize: none;
}

#main2 #content{
    position: relative;
    display: block;
    width: 95%;
    height: 95%;
    float: left;

    background: #f5f5f5;

    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.1); 
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.1); 
    box-shadow: 0px 0px 4px rgba(0,0,0,.1);

}

#mastheadVerNotificaciones{	
    position: relative;
    margin-top: 5px;
    background: #1c1d1d;
    padding-top: 40px;
    padding-left: 24px;

    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.5); 
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.5); 
    box-shadow: 0px 0px 4px rgba(0,0,0,.5);

    text-shadow: 0 -1px 1px rgba(0, 0, 0, 1); 
}

#mastheadVerNotificaciones .head{
    font-family: verdana, sans-serif;
    font-size: 21px;
    color: #ddd;
}

#mastheadVerNotificaciones span{
    line-height: 69px;
}


#tablaVerNotificaciones .etiqueta {


    text-align: right;

}
#tablaVerNotificaciones .etiqueta1 {


    text-align: left;

}
#perfil-nom{
    font-weight: bold;
    color: darkblue;
    font-size: 16px;
}

.styled-select select {

}

#mensaje p,b {
    font-size: 15pt;
    color: red;

}

#info_usuario p,b {
    font-size: 15pt;
}



/*******************************************/
/*.ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #555555; background: #000000 url(images/ui-bg_loop_25_000000_21x21.png) 50% 50% repeat; color: #ffffff; }
.ui-widget-content a { color: #ffffff; }
.ui-widget-header { border: 1px solid #333333; background: #444444 url(images/ui-bg_highlight-soft_44_444444_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }*/
/*------------------------------------*/
/*ul.ui-autocomplete {
    background: none repeat scroll 0 0 #DADADA;
    cursor: pointer;
    display: block;
    list-style-type: circle;
    max-width: 200px;
    padding: 0;
    position: relative;
    z-index: 1;
}*/
/*ul.ui-autocomplete li.ui-menu-item {
    padding:3px 5px;
}
ul.ui-autocomplete li.ui-menu-item:hover,
ul.ui-autocomplete li.ui-state-hover:hover
{
    background:#666;
}*/

/*.ui-autocomplete { 
    position: absolute; 
    cursor: default; 
    display: block;

}	

 workarounds 
* html .ui-autocomplete { width:1px; }

.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
    width: 100%;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
    font-size:  small;
}
.ui-menu .ui-menu-item a {
    color: black;
    font-size: 18px;
    display:block;
    width: 150%;
    padding:.1em .4em;
    line-height:1;
    zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
    color: white;
}*/




/*-----------*/

/* GENERAL ------------------------------------------------------------*/


.clearfix{ clear:both; }



.wrapper{ 
    width: 90%;	
    padding-left: 3%;
    /*    padding-left: 50px;*/
}

#main{
    width: 85%;
    padding-left: 50px;	
}


body{
    background: #ececec url(../img/main-pattern.png);
    color: #888;
    font: verdana, sans-serif;
}

body p{
    margin-bottom: 21px;
}

body a{
    text-decoration: none;
    color: #444;

    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

body a:hover{
    color: #fe8300;
}

#logo{

    padding-top: 50px;
    float: left;
}

#logo:hover{ opacity: 0.8;}

.headline{
    font-family: verdana, sans-serif;
    font-size: 36px;
    line-height: 1.5em;
    text-align: center;
    padding: 20px 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    margin-bottom: 50px;
    background: #eaeaea;
    color:  #444;
}


#page-content{
    float: left;
    width: 528px;
    margin-left: 24px;
    margin-top: 24px;
    padding-bottom: 60px;
}

#page-content-full{
    width: 90%;
    margin-right: 24px;
    margin-left: 24px;
    margin-top: 24px;
    padding-bottom: 60px;
}

.home-block-heading{
    border-bottom: 1px solid #ccc;
    color: #444;
    padding-bottom: 20px;
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 32px;
}

.h-heading{
    border-bottom: 1px solid #ccc;
    color: #444;
    padding-bottom: 20px;
    margin-bottom: 32px;
}

.h-margin{
    margin-bottom: 32px;
}

.block-divider{
    margin-bottom: 120px;
}

.alignleft {
    float: left;
    margin: 5px 10px 5px 0;
}

/* MASTHEAD ------------------------------------------------------------*/

#masthead{	
    position: relative;
    margin-top: -38px;
    background: #1c1d1d;

    padding-left: 24px;

    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.5); 
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.5); 
    box-shadow: 0px 0px 4px rgba(0,0,0,.5);

    text-shadow: 0 -1px 1px rgba(0, 0, 0, 1); 
}

#masthead span{
    line-height: 69px;
}

#masthead .head{
    font-family: verdana, sans-serif;
    font-size: 21px;
    color: #ddd;
}

#masthead .subhead{
    font-family: verdana, sans-serif;
    font-size: 13px;
    color: #888;
    margin-left: 21px;
}

#masthead .breadcrumbs{
    position: absolute;
    overflow: hidden;
    top: 24px;
    right: 24px;
    height: auto;
    font-size: 14px;
    color: white;
}

#masthead .breadcrumbs a{
    text-decoration: none;
    color: #888;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#masthead .breadcrumbs a:hover{
    color: #fe8300;
}

#masthead .breadcrumbs li{
    display: inline;
}

/* HEADINGS ------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{
    font-family: verdana, sans-serif;
    color: #444;
}

h1{ font-size: 36px; }

h2{ font-size: 24px; }

h3{ font-size: 21px; }

h4{ font-size: 18px; }

h5{ font-size: 14px; }

h6{ font-size: 12px; }


h1.heading, h2.heading, h3.heading, h4.heading, h5.heading, h6.heading{
    margin-bottom: 21px;
}


/* HEADER ------------------------------------------------------------*/

header{
    position: relative;
    height: 225px;
    background: url(../img/header.png)  repeat-x  ;
    display: block;
}

/* NAVIGATION ------------------------------------------------------------*/


nav{

    float: right;
    line-height: 1.8em;
}

nav a{
    text-decoration: none;
    color: #acacac;
}

#nav{
    margin-top: 97px;
}

#nav li{
    font-family: verdana, sans-serif;
    display: inline;
    font-size: 12pt;
    float: left;
}

#nav>li>a{
    display: block;
    overflow: hidden;
    padding: 5px 10px 0px 10px;
    color: #f5f5f5;
    background: rgba(0,0,0,.0);

    text-shadow: 0 -1px rgba(0, 0, 0, 0.5);

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#nav>li>a:hover,

/*Raya amarilla*/
#nav>li.current-menu-item>a,
#nav>li.current_page_item>a{
    background: #303232;
    background: rgba(0,0,0,.2);
    border-bottom: solid rgba(254, 210, 1, 1) 6px;
}

#nav>li.current-menu-item>a,
#nav>li.current_page_item>a{
    color: rgba(254, 210, 1, 1);
}

#nav>li>a>.subheader{
    color: #717171;
    display: block;
    font-size: 11px;
    margin-top: -8px;
    font-weight: lighter;
}

#nav .sf-sub-indicator{
    float: right;
}

#nav>li>a>.sf-sub-indicator{
    display: none;
}

/* sub navigation -----------------------------------------------------*/

#nav>li ul{
    display: block;
    margin-top: -3px;
    background:  #ececec;
    
}


#nav>li ul li a{
   float:none;
    padding: 10px 10px;
    font-family:  verdana, sans-serif;
    font-size: 10pt;
    color: #717171;
    font-weight:normal;
    border: solid #1c1d1d 1px;
} 

#nav>li ul li a span{
    display: block;
}

#nav>li ul li a:hover{
    background:  url(../img/header.png)  repeat-x ;
    color:  #f9ff00;
    
}

/* compraBar ------------------------------------------------------------*/



#compras1 td {
    border: 1px solid #888;
    border-collapse: collapse;
    padding: 8px;
}


#compraBar{
    width: 900px;
    float: left;
    margin-top: 50px;
    margin-bottom: 24px;
    margin-left: 50px;

}

#compraBar a{
    color: #444;
    text-decoration: none;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#compraBar a:hover{ color: #fe8300; }

#compraBar h4{
    margin-bottom: 10px;
}

#compraBar .block{
    padding: 16px;
    background: #eaeaea;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    margin-bottom: 24px;
}

#tablaCompras .td{
    padding:5px;
}

#tablaCompras #botonLogin
{
    cursor: pointer;
    outline: none;
    background-color: white;
    color: #3C3C46;
    padding:8px;
    border: 1px solid #CCC;
    border-radius: 10px;
}




#tablaCompras #botonLogin:hover {
    background-color: #00529b;
    color: white;


}

#tablaInsertar #botones{
    text-align: center;
}

#tablaCompras .etiqueta {
    background-color: #cccccc;
    color: black;
    text-align: right;
}

#tablaCompras .etiqueta1 {

    color: black;
    text-align: right;
}

#tablaCompras .etiquetaTitulo {
    background-color: #cccccc;
    color: black;
    text-align: center;
}

#tablaCompras .etiquetaNaturaleza {

    color: black;
    text-align: center;

}

#tablaCompras .campo {
    background-color: White;
    color: Black;
    text-align: left;
}

#tablaCompras {
    width: 800px;
    border: 1px solid Black;
    border-collapse: collapse;
}

/* SIDEBAR ------------------------------------------------------------*/

#loginbar{
    width: 450px;
    float: left;
    margin-top: 50px;
    margin-bottom: 24px;
    margin-left: 50px;
}

#loginbar a{
    color: #444;
    text-decoration: none;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#loginbar a:hover{ color: #fe8300; }

#loginbar h4{
    margin-bottom: 10px;
}

#loginbar .block{
    padding: 16px;
    background: #eaeaea;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    margin-bottom: 24px;
}

#tablaLogin #login td{
    padding:5px;
}

.boton
{
    cursor: pointer;
    outline: none;
    background-color: white;
    color: #3C3C46;
    padding:8px;
    border: 1px solid #CCC;
    border-radius: 10px;
}


.boton:hover {
    background-color: #00529b;
    color: yellow;

}

.botonA
{
    cursor: pointer;
    outline: none;
    background-color: white;
    color: green;
    padding:8px;
    border: 1px solid #CCC;
    border-radius: 10px;
    font-weight:bold;
}


.botonA:hover {
    font-weight:bold;
    background-color: #00529b;
    color: yellow;

}
.botonR
{
    cursor: pointer;
    outline: none;
    background-color: white;
    color: red;
    padding:8px;
    border: 1px solid #CCC;
    border-radius: 10px;
    font-weight:bold;
}


.botonR:hover {
    background-color: #00529b;
    color: yellow;
    font-weight:bold;

}
/* Perfil Bar------------------------------------------------------------*/
#perfil-foto{
    float: left;
    width: 180px;
    margin-left: 24px;
    margin-top: 24px;
    margin-bottom: 24px;
    padding:20px;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    box-shadow: 0px 0px 2px rgba(0,0,0,.2); 


    background: #eaeaea;
}

#perfil-info{

    width: 260px;
    margin-left: 260px;
    margin-top: 24px;
    margin-bottom: 24px;
    padding:20px;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    box-shadow: 0px 0px 2px rgba(0,0,0,.2); 


    background: #eaeaea;
}

#perfil-pendiente{

    width: 260px;
    margin-left: 600px;
    margin-top: 24px;
    margin-bottom: 24px;
    padding:20px;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    box-shadow: 0px 0px 2px rgba(0,0,0,.2); 


    background: #eaeaea;
}
#perfilBar{

    width: 900px;
    float: left;
    margin-top: 0px;
    margin-bottom: 24px;
    margin-left: 20px;

    background: #eaeaea;
}

#perfilBar td{
    color: #444;
    padding-top:25px;
    padding-left: 5px;
    padding-right: 5px;
}

#perfilBar table{
    margin-bottom: 30px;
}


#perfilBar h4{
    margin-bottom: 10px;
}

#perfilBar .block{
    padding: 16px;
    margin-bottom: 24px;
}


#perfil-cols{
    padding-top: 50px;
}


#perfil-cols>li{
     font-size: 16px;
    margin-bottom: 20px;
    color: #444;
    display: block;
    float: left;
    width: 25%;
    margin-left: 24px;	
    background: #eaeaea;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    height: 150px;
}


#perfil-cols2{

    padding-top: 50px;
}

#perfil-cols2>li{
    font-size: 16px;
    display: block;
    float: right;
    margin-bottom: 20px;
}

#perfil-cols2>li{
    color: #444;
    display: block;
    
    width: 60%;
    margin-left: 24px;	
    margin-right: 40px;	
    margin-top: -50px;	
    background: #eaeaea;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    height: 350px;
}

#perfil-cols2 h4{
    margin-bottom: 21px;
}

/*----------------Iformation bar----------*/
#InfoBar{
    width: 400px;
    float: right;
    margin-top: 0px;
    margin-bottom: 24px;
    margin-left: 5%;
}

#InfoBar a{
    color: #444;
    text-decoration: none;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


#InfoBar a:hover{ color: #fe8300; }

#InfoBar h4{
    margin-bottom: 10px;
}

#InfoBar .block{
    padding: 16px;
    background: #eaeaea;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    margin-bottom: 24px;
}
/*-------------------------------------------------------------*/
#notificacionBar{
    width:900px;
    height: auto;
    overflow : auto;
    margin-top: 10px;
    margin-bottom: 24px;
    margin-left:5%;
}

#notificacionBarHeader{
    width:900px;

    margin-top: 10px;
    margin-bottom: 24px;
    margin-left:5%;
}


#notificacionBar a:hover{ color: #fe8300; }

#notificacionBar h4{
    margin-bottom: 10px;
}

#notificacionBar .block{
    padding: 16px;
    background: #eaeaea;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    margin-bottom: 24px;
}

/* COLUMNS LAYOUT----------------------------------------------------------*/

.one-half,
.one-third{	
    float:left;
    margin-bottom: 40px;
    margin-right: 4.54%;
    position:relative;
}

.one-half{ 
    width: 47.72%;
}

.one-third{ 
    width: 30.30%;
}

.last {
    clear:right;
    margin-right:0 !important;
}

/* MAIN ------------------------------------------------------------*/

#main{

}

#main #content{
    position: relative;
    display: block;
    width: 110%;
    float: left;

    background: #f5f5f5;

    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.1); 
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.1); 
    box-shadow: 0px 0px 4px rgba(0,0,0,.1);

}

.shadow-main{
    position: relative;
    display: block;
    width: 852px;
    height: 11px;
    margin-left: 58px;
    background: url(../img/shadow-main.png) no-repeat top center;
}


/* FEATURED ------------------------------------------------------------*/

.featured{ padding-bottom: 70px; }

.featured figure{
    position: relative;
    float: left;
    width: 252px;
    margin-left: 24px;
    margin-bottom: 21px;
}

.featured figure .thumb{
    display: block;
    background: url(../img/plus.png) no-repeat center center;
    margin-bottom: 21px;

    -webkit-box-shadow: 3px 3px 0px rgba(0,0,0,.2); 
    -moz-box-shadow: 3px 3px 0px rgba(0,0,0,.2); 
    box-shadow: 3px 3px 0px rgba(0,0,0,.2); 
}

.featured figure .thumb:hover img{
    opacity: 0.15;
}

.featured figure:hover .link{
    display: block;
}

.featured figure img{
    max-width: 100%;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.featured figure .heading{
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    color: #444;
    font-size: 16px;
    display: block;
    margin-bottom: 14px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.featured figure .heading:hover{
    color: #fe8300;
}

.featured figure .link{
    display: none;
    position: absolute;
    top: -2px;
    right: 10px;
    background: url(../img/ribbon-link.png) no-repeat top left;
    width: 33px;
    height: 61px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.featured figure .link:hover{
    top: 0px;
}


/* PORTFOLIO ------------------------------------------------------------*/

.featured.portfolio-list{
    margin-top: 70px;
}

.project-heading{
    margin: 44px 24px 44px 24px;
}


.project-heading h1{
    float: left;
    margin-right: 20px;
}

.project-heading .launch{
    display: block;
    float: left;
    text-decoration: none;
    color: #888;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.project-heading .launch:hover{
    color: #fe8300;
}

.project-description{
    float: left;
    margin-left: 24px;
    width: 528px;
    margin-bottom: 40px;
}


.project-info{
    float: left;
    margin-left: 24px;
    width: 252px;
    margin-bottom: 40px;
}

.project-info strong{
    color: #444;
}


.project-pager{
    overflow: hidden;
    margin: 0px 24px 0px 24px;
    padding-bottom: 50px;
}

.project-pager a{
    text-decoration: none;
    color: #444;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.project-pager a:hover{
    text-decoration: none;
    color: #fe8300;
}

.project-pager .prev-project{
    float: left;
}

.project-pager .next-project{
    float: right;
}

/* RELATED PROJECTS ---------------------------------------------------*/

.related-projects{
    display: block;
    background:#eaeaea;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 24px 0px 50px 0px;
}

.related-heading{
    font-weight: bold;
    color: #444;
    margin: 0px 0px 24px 24px;
}

.related-projects .related-list{
    display: block;
}

.related-projects  figure{
    display: block;
    float: left;
    margin-left: 24px;
    width: 252px;
}

.related-projects .thumb{
    display: block;
    background: url(../img/plus.png) no-repeat center center;
    margin-bottom: 21px;

    -webkit-box-shadow: 3px 3px 0px rgba(0,0,0,.2); 
    -moz-box-shadow: 3px 3px 0px rgba(0,0,0,.2); 
    box-shadow: 3px 3px 0px rgba(0,0,0,.2); 
}

.related-projects .thumb:hover img{
    opacity: 0.15;
}

.related-projects figure img{
    max-width: 100%;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.related-projects .heading{
    text-decoration: none;
    font-style: normal;
    color: #444;
    text-align: center;
    display: block;
    margin-bottom: 14px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.related-projects .heading:hover{
    color: #fe8300;
}

/* RETRACTIL SIDEBAR ------------------------------------------------------------*/

aside.retractil{
    position: absolute;
    top: 34px;
    left: 0px;
    background: #eaeaea;
    width: 276px;

    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.5); 
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.5); 
    box-shadow: 0px 0px 2px rgba(0,0,0,.5); 
}

aside.retractil #sidebar-opener{
    cursor: pointer;
    margin: 15px 24px;
    color: #444;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

aside.retractil #sidebar-opener:hover{
    color: #fe8300;
}

aside.retractil #sidebar-closer{
    display: none;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

aside.retractil #sidebar-closer:hover{
    opacity: 0.5;
}

aside.retractil #sidebar-content{
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 50px;
    display: none;	
}


aside.retractil #sidebar-content a{
    text-decoration: none;
    color: #888;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

aside.retractil #sidebar-content a:hover{
    color: #444;
}

/* HOME-GALLERY ------------------------------------------------------------*/


.home-gallery{ 
    display: block;
    padding-bottom: 70px;
}

.home-gallery li{ 
    display: block;
    float: left;
    margin-left: 24px;
    margin-bottom: 21px;
    width: 252px;
}

.home-gallery .thumb{ 
    line-height: 0em;
    display: block;
    background: url(../img/plus.png) no-repeat center center;
    -webkit-box-shadow: 3px 3px 0px rgba(0,0,0,.2); 
    -moz-box-shadow: 3px 3px 0px rgba(0,0,0,.2); 
    box-shadow: 3px 3px 0px rgba(0,0,0,.2);
}

.home-gallery img{
    max-width: 100%;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.home-gallery .thumb:hover img{
    opacity: 0.15;
}

/* TEXT POSTS ------------------------------------------------------------*/

.text-posts{
    overflow: hidden;
    padding-bottom: 70px;
}

.text-posts li{
    display: block;
    float: left;
    margin-left: 24px;
    margin-bottom: 21px;
    width: 252px;
}

.text-posts .heading{
    display: block;
    font-weight: bold;
    font-size: 13px;
    color: #444;
    text-decoration: none;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.text-posts .heading:hover{
    color: #fe8300; 
}

/* BLOG ------------------------------------------------------------*/

#posts-list,
#post-content{
    width: 528px;
    float: left;
    margin-top: 24px;
    margin-bottom: 24px;
    margin-left: 24px;
}

#post-content .content-area{
    padding-bottom: 50px; 
}

#posts-list article{
    margin-bottom: 80px;
}


#posts-list .feature-image,
#post-content .feature-image{
    width: 100%;
    margin-bottom: 21px;
    background: url(../img/plus.png) center center no-repeat;
    line-height: 0em;
}

#posts-list .feature-image img,
#post-content .feature-image img{
    max-width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#posts-list .feature-image:hover img,
#posts-content .feature-image:hover img{
    opacity: 0.2;
}

#posts-list .post-heading,
#post-content .post-heading{
    display: block;
    text-decoration: none;
    color: #444;
    line-height: 1em;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#posts-list .post-heading:hover{
    color: #fe8300;
}

#posts-list .meta,
#post-content .meta{
    border-bottom: 1px solid #ccc;
    margin-bottom: 11px;
    padding-bottom: 11px;
    font-style: italic;
    font-size: 11px;
}

#posts-list .meta a,
#post-content .meta a{
    color: #444;
    text-decoration: none;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#posts-list .meta a:hover,
#post-content .meta a:hover{
    color: #fe8300;
}

#posts-list .excerpt{
    margin-bottom: 21px;
}

#posts-list .read-more{
    background: #eaeaea;
    padding: 5px 10px;
    text-decoration: none;
    color: #888;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
    box-shadow: 0px 0px 2px rgba(0,0,0,.3); 

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#posts-list .read-more:hover{
    color: #fff;
    background: #fe8300;
}

/* SIDEBAR ------------------------------------------------------------*/

#sidebar{
    width: 252px;
    float: left;
    margin-top: 24px;
    margin-bottom: 24px;
    margin-left: 24px;
}

#sidebar a{
    color: #444;
    text-decoration: none;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#sidebar a:hover{ color: #fe8300; }

#sidebar h4{
    margin-bottom: 10px;
}

#sidebar .block{
    padding: 16px;
    background: #eaeaea;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    margin-bottom: 24px;
}




/* PAGER ------------------------------------------------------------*/

.pager{
    overflow: hidden;
    display: block;
    font-size: 11px;
    margin: 0px 24px 0px 24px;
    padding-bottom: 50px;
}

.pager li{
    display: block;
    margin-right: 5px;
    float: left;
}

.pager li a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    color: #484848;
    width: 20px;
    border: 1px solid #ccc;
    line-height: 20px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pager li.active a,
.pager li:hover a{
    color: #fff;
    background: #fe8300;
}

.pager .paged{
    float:right;
    font-style:italic;
}


/* CONTACT ------------------------------------------------------------*/


#map{
    display: block;
    height: 300px;
    width: 100%;
    margin-bottom: 24px;	
}

.address-block li{
    padding-left: 20px;
}

.address-block .address{ background: url(../img/icon-address.png) no-repeat top left  }

.address-block .phone{ background: url(../img/icon-phone.png) no-repeat top left}

.address-block .mobile{ background: url(../img/icon-mobile.png) no-repeat top left }

.address-block .email{ background: url(../img/icon-email.png) no-repeat top left }


/* FOOTER ------------------------------------------------------------*/

footer{
    background: 
        url(../img/footer-line.png) repeat-x top left,
        url(../img/noise.png);
    background-color: #e6e5e1;
    min-height: 100px;

    text-shadow: 0 1px rgba(255, 255, 255, .9);	
}

footer a{
    color: #444;
    text-decoration: none;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

footer a:hover{
    color: #fe8300;
}

footer .wrapper{
    margin-top: -80px;
    padding-bottom: 20px;
    padding-top: 100px;
    width: 1100px;	
    padding-left: 0px;

}

footer .block1{
    margin-left: 50px;
    width: 600px;
    float:left;
    padding-left: 20px;
    padding-top: 10px;
}

footer .block2{

    background: #eeeeee;
    -webkit-box-shadow: 0px 0px 2px #333; 
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    box-shadow: 0px 0px 2px #333; 

    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;

    margin-left: 250px;
    width: 250px;
    padding-left: 40px;
}

#footer-cols{
    padding-top: 100px;
}

#footer-cols>li{
    display: block;
    float: left;
    margin-bottom: 20px;
}

#footer-cols>li{
    display: block;
    float: left;
    width: 252px;
    margin-left: 24px;	
}

#footer-cols h4{
    margin-bottom: 21px;
}

#footer-cols>li.first-col{

}

#footer-cols>li.second-col{

}

#footer-cols>li.third-col{ margin-right: 0px; }

footer #to-top{
    display: none;
    width: 68px;
    height: 68px;
    margin: 0 auto;
    cursor: pointer;
}

footer #to-top:hover{ opacity: 0.7 }

#footerlist li
{
    display: inline;
    list-style-type: none;

    padding-left: 50px;
}


/* WIDGETS ------------------------------------------------------------*/


.recent-post{
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6);
}


.recent-post .thumb{
    display: block;
    float: left;
    line-height: 0em;
    background: #fff;
    padding: 3px;

    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.3); 
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.3); 
    box-shadow: 0px 0px 4px rgba(0,0,0,.3); 
}

.recent-post .post-head{
    float: left;
    width: 184px;
    margin-left: 7px;
    font-size: 13px;
    line-height: 1.5em;
}


.recent-post .post-head span{
    display: block;
    font-size: 11px;
    color: #888888;
}

.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:12px;
	-webkit-border-bottom-left-radius:12px;
	border-bottom-left-radius:12px;
	
	-moz-border-radius-bottomright:12px;
	-webkit-border-bottom-right-radius:12px;
	border-bottom-right-radius:12px;
	
	-moz-border-radius-topright:12px;
	-webkit-border-top-right-radius:12px;
	border-top-right-radius:12px;
	
	-moz-border-radius-topleft:12px;
	-webkit-border-top-left-radius:12px;
	border-top-left-radius:12px;
}.CSSTableGenerator table{
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:12px;
	-webkit-border-bottom-right-radius:12px;
	border-bottom-right-radius:12px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:12px;
	-webkit-border-top-left-radius:12px;
	border-top-left-radius:12px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:12px;
	-webkit-border-top-right-radius:12px;
	border-top-right-radius:12px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:12px;
	-webkit-border-bottom-left-radius:12px;
	border-bottom-left-radius:12px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#aad4ff; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:4px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

